<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    	

@import url(https://fonts.googleapis.com/css?family=Tangerine:700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100);

html, body {
  margin: 0;
  color: white;
}

h1 {
  font-family: 'Tangerine', Arial, serif;
  font-size: 7.5em;
  margin-bottom: 0;
  font-weight: 700;
  text-shadow: 1px 1px #111;
}

h2 {
  font-family:'Josefin Sans', sans-serif;
  font-size: 2.5em;
  margin-top: 0;
  font-weight: 100;
  text-shadow: 1px 1px #111;
}

img {
  display: block;
}

.cover__content {
  position: relative;
  margin: 0;
}
.cover__image {
  max-width: 100%;
}
.cover__text {
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  text-align: center;
}
.cover__text--centered {
  bottom: 50%;
}
.cover__text--top {
  top: 2%;
}
    </style>
</head>

<body>
    <figure class="cover__content">
        <video autoplay="" loop="" src="https://dza2cofcvk264.cloudfront.net/vid/home.mp4" width="1280" height="532" id="intro-vid" class="stretch" style="top: 0px; left: -58px; -webkit-transform: scale(1.0526315789473684);" class="cover__image"></video>
        <figcaption class="cover__text cover__text--top">
            <h1>Stephen King</h1>
            <h2>&nbsp;&nbsp;&nbsp;Doctor Sleep</h2>
        </figcaption>
    </figure>
</body>

</html>